<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/趣运动.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
</head>

<body>
    <div class="header">
        <div class="top">
            <div class="container">
                <div class="left">
                    <span>运动,就是这么简单！</span>
                    <span>|</span>
                    <i class="iconfont icon-shoujihao"></i>
                    <span>手机客户端下载</span>
                    </di>
                </div>
                <div class="right">
                    <span>我的订单</span>
                    <span>|</span>
                    <div class="box1">
                        <span>用户中心</span>
                        <div class="sjx1">

                        </div>
                    </div>
                    <span>|</span>
                    <span>关于我们</span>
                    <span>|</span>
                    <span>加入我们</span>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="middle">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="box2">
                    <span>广州</span>
                    <div class="sjx2">

                    </div>
                </div>
                <div class="seach">
                    <div class="box3">
                        <span>羽毛球</span>
                        <div class="sjx3"></div>
                    </div>
                    <input type="text" value="请输入场馆名称">
                    <button>搜索</button>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="container">
                <div class="inner1">
                    <div class="box">
                        <span>场馆预定</span>
                    </div>
                    <div class="box">
                        <span>手机客户端</span>
                    </div>
                    <div class="box">
                        <span>预定流程</span>
                    </div>
                </div>
                <div class="inner2">
                    <div class="sjx4"></div>
                    <i class="iconfont icon-wode"></i>
                    <span>你好！请[登录]&nbsp;[注册]</span>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="container">
            <div class="part9">
                <div class="part1">
                    <a href="">
                        <img src="./images/运动会.jpg" alt="">
                    </a>
                    <div class="point">
                        <ol>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li class="active">4</li>
                        </ol>
                    </div>
                    <div class="arrow">
                        <div class="left">&lt;</div>
                        <div class="right">&gt;</div>
                    </div>
                </div>
                <div class="erweima">
                    <div class="erweima_top">
                        <div class="a">
                            <span>客户端</span>
                        </div>
                        <div class="b">
                            <span>微信</span>
                            <span>微博</span>
                        </div>
                    </div>
                    <div class="erweima_bottom">
                        <div class="ma">
                            <img src="./images/ma.png" alt="">
                        </div>
                        <div class="text1">
                            <p class="t1">趣运动客户端</p>
                            <p class="t2">可扫描二维码下载</p>
                            <div class="tb">
                                <div class="a">
                                    <i class="iconfont icon-pingguo"></i>
                                </div>
                                <div class="b">
                                    <i class="iconfont icon-anzhuo"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="part10">
                <div class="left">
                    <div class="left_top">
                        <div class="box">
                            <img src="./images/图标1.png" alt="">
                            <div class="text">
                                <p class="t1">
                                    第一步/ <span>选场</span>
                                </p>
                                <p class="t2">
                                    选择预定的时间和场次
                                </p>
                            </div>
                            <img src="./images/箭头.png" alt="">
                        </div>
                        <div class="box">
                            <img src="./images/图标1.png" alt="">
                            <div class="text">
                                <p class="t1">
                                    第二步/ <span>支付</span>
                                </p>
                                <p class="t2">
                                    支持支付宝及网银支付
                                </p>
                            </div>
                            <img src="./images/箭头.png" alt="">
                        </div>
                        <div class="box dsb">
                            <img src="./images/图标1.png" alt="">
                            <div class="text">
                                <p class="t1">
                                    第三步/ <span>验证</span>
                                </p>
                                <p class="t2">
                                    在球馆前台短信验证后打球
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="left_bottom"></div>
                    <div class="part11">
                        <div class="jz">
                            <div class="jz_top">
                                <div class="a">
                                    <i class="iconfont icon-xiangmuguanli"></i>
                                    <span>项目</span>
                                </div>
                                <div class="b">
                                    <span>羽毛球场</span>
                                </div>
                                <span>游泳馆</span>
                                <span>足球场</span>
                                <span>网球场</span>
                                <span>篮球场</span>
                                <span>壁球</span>
                            </div>
                            <div class="jz_middle">
                                <div class="c">
                                    <i class="iconfont icon-dingwei"></i>
                                    <span>区域</span>
                                </div>
                                <div class="d">
                                    <div class="d_top">
                                        <span>不限</span>
                                        <span>天河区</span>
                                        <span>白云区</span>
                                        <span>海珠区</span>
                                        <span>荔湾区</span>
                                        <span>越秀区</span>
                                        <span>黄浦区</span>
                                    </div>
                                    <div class="d_bottom">
                                        <span>番禺区</span>
                                        <span>花都区</span>
                                        <span>增城市</span>
                                        <span>从化市</span>
                                        <span>萝岗区</span>
                                        <span>南沙区</span>
                                    </div>
                                </div>

                            </div>
                            <div class="jz_content">
                                <div class="e">
                                    <img src="./images/场馆1.png" alt="">
                                </div>
                                <div class="f">
                                    <p class="t1">广州体育馆</p>
                                    <p class="t2">地址:白云区白云大道南783号广州新体育馆</p>
                                    <p class="t3">
                                        <span>层高：</span>
                                        15m以上
                                        <span>地板：</span>
                                        木地板
                                    </p>
                                </div>
                                <div class="g">
                                    <p class="t1">
                                        优惠价：<span>25</span>元
                                    </p>
                                    <del>原价：35.00元</del>
                                    <div class="an">立即预定</div>
                                </div>
                            </div>
                            <div class="jz_content">
                                <div class="e">
                                    <img src="./images/场馆2.png" alt="">
                                </div>
                                <div class="f">
                                    <p class="t1">广州体育馆</p>
                                    <p class="t2">地址:白云区白云大道南783号广州新体育馆</p>
                                    <p class="t3">
                                        <span>层高：</span>
                                        15m以上
                                        <span>地板：</span>
                                        木地板
                                    </p>
                                </div>
                                <div class="g">
                                    <p class="t1">
                                        优惠价：<span>25</span>元
                                    </p>
                                    <del>原价：35.00元</del>
                                    <div class="an">立即预定</div>
                                </div>
                            </div>
                            <div class="jz_content">
                                <div class="e">
                                    <img src="./images/场馆2.png" alt="">
                                </div>
                                <div class="f">
                                    <p class="t1">广州体育馆</p>
                                    <p class="t2">地址:白云区白云大道南783号广州新体育馆</p>
                                    <p class="t3">
                                        <span>层高：</span>
                                        15m以上
                                        <span>地板：</span>
                                        木地板
                                    </p>
                                </div>
                                <div class="g">
                                    <p class="t1">
                                        优惠价：<span>25</span>元
                                    </p>
                                    <del>原价：35.00元</del>
                                    <div class="an">立即预定</div>
                                </div>
                            </div>
                            <div class="jz_content">
                                <div class="e">
                                    <img src="./images/场馆2.png" alt="">
                                </div>
                                <div class="f">
                                    <p class="t1">广州体育馆</p>
                                    <p class="t2">地址:白云区白云大道南783号广州新体育馆</p>
                                    <p class="t3">
                                        <span>层高：</span>
                                        15m以上
                                        <span>地板：</span>
                                        木地板
                                    </p>
                                </div>
                                <div class="g">
                                    <p class="t1">
                                        优惠价：<span>25</span>元
                                    </p>
                                    <del>原价：35.00元</del>
                                    <div class="an">立即预定</div>
                                </div>
                            </div>
                            <div class="jz_content">
                                <div class="e">
                                    <img src="./images/场馆2.png" alt="">
                                </div>
                                <div class="f">
                                    <p class="t1">广州体育馆</p>
                                    <p class="t2">地址:白云区白云大道南783号广州新体育馆</p>
                                    <p class="t3">
                                        <span>层高：</span>
                                        15m以上
                                        <span>地板：</span>
                                        木地板
                                    </p>
                                </div>
                                <div class="g">
                                    <p class="t1">
                                        优惠价：<span>25</span>元
                                    </p>
                                    <del>原价：35.00元</del>
                                    <div class="an">立即预定</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="jz_bottom">
                        <div class="h">
                            <div class="box1">
                                <span>&lt;&lt;上一页</span>
                            </div>
                            <div class="box box2">1</div>
                            <div class="box">2</div>
                            <div class="box">3</div>
                            <div class="box">4</div>
                            <div class="box">5</div>
                            <div class="box7">
                                <span>下一页&gt;&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="right_top">
                        <span>推荐场馆</span>
                    </div>
                    <div class="right_bottom">
                        <div class="a">
                            <img src="./images/小场馆.png" alt="">
                            <div class="text">
                                <p class="t1">趣运动名狮羽毛球馆</p>
                                <p class="t2">价格：30.00￥</p>
                            </div>
                        </div>
                        <div class="b">
                            <div>
                                <span class="l">趣运动新翼羽毛球馆</span>
                                <span class="r">天河区</span>
                            </div>
                            <div>
                                <span class="l">天河区科新羽毛球馆</span>
                                <span class="r">天河区</span>
                            </div>
                            <div>
                                <span class="l">荔湾区君雄羽毛球馆</span>
                                <span class="r">荔湾区</span>
                            </div>
                            <div>
                                <span class="l">海珠区广州创傲(纺织)体育运动场</span>
                                <span class="r">海珠区</span>
                            </div>
                            <div>
                                <span class="l">白云区乐乐羽毛球馆</span>
                                <span class="r">白云区</span>
                            </div>
                        </div>
                    </div>
                    <img src="./images/广告.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="container">
            <div class="part1">
                <div class="box">
                    <div class="a">
                        <p>关于我们</p>
                        <p>加入我们</p>
                        <p>联系我们</p>
                    </div>
                    <div class="b">
                        <p>帮助中心</p>
                        <p>预定流程</p>
                    </div>
                    <div>
                        <p>商家后台</p>
                    </div>
                </div>
                <div class="box">
                    <img src="./images/ma.png" alt="">
                    <div class="text">
                        <p class="t1">趣运动客户端</p>
                        <p class="t2">可扫描二维码下载</p>
                        <p class="t13">
                            <i class="iconfont icon-pingguo"></i>
                            <i class="iconfont icon-anzhuo"></i>
                        </p>
                    </div>
                </div>
                <div class="box">
                    <p>
                        <i class="iconfont icon-dianhua"></i>
                        4000-410-480

                    </p>
                    <p>
                        <i class="iconfont icon-BOS_iconfontcs-"></i>
                        10:00-21:00
                    </p>
                    <p class="t99">周一至周六</p>
                </div>
            </div>
            <div class="part2">
                <span>
                    粤ICP备14021879号-2 &nbsp;趣运动&nbsp;使用本网站即表示接受趣运动用户协议。
                </span>
            </div>
            <div class="part3">
                <img src="./images/底部.png" alt="">
            </div>
        </div>
    </div>
</body>

</html>